<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="zh-CN"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="zh-CN"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="zh-CN"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="zh-CN"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>百食网</title>
<meta http-equiv="keywords" content="百食网">
<meta http-equiv="description" content="百食网">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<script src="assets/js/modernizr-2.6.2.min.js"></script>
<script src="assets/js/prefixfree.min.js"></script>
<!--[if lt IE 9]>
<script src="assets/js/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body class="ui-about-body">
<div id="wrapper"> 
  <!--header-->
  <header id="header" role="banner" class="fn-clear">
    <h1 id="logo"> <a href="index.html" title="百食网" rel="home"> <img src="assets/images/logo.png" alt="百食网"> </a> </h1>
    <div class="site-title fn-base-color">
      <p>| 三元农业联盟唯一指定网站 |</p>
      <p class="site-tel fn-clear"> <span class="fn-right">010 - 58255199</span> <img class="fn-right" src="assets/images/icon/icon-tel.png"> </p>
    </div>
    <nav id="nav">
      <ul class="menu">
        <li class="menu-title"> <a href="javascript:;" class="icon" title="导航"><span class="menu-span">MENU</span></a>
          <ul class="menu-list">
            <li><a href="home.html">主页</a></li>
            <li><a href="about.html">关于百食网</a></li>
            <li><a href="prolist.html">自选产品</a></li>
            <li><a href="gift.html">礼品卡</a></li>
            <li><a href="#">三元有机生活会</a></li>
            <li><a href="#">联系我们</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </header>
  <section>
  	<div class="about-banner J-about-banner">
		<div class="about-banner-img fn-hide">
			<img class="about-banner-item" src="assets/images/about/banner-01.jpg" alt="">
			<img class="about-banner-item-hide about-banner01-1" src="assets/images/about/banner-01-1.png" alt="">
			<img class="about-banner-item-hide about-banner01-2" src="assets/images/about/banner-01-2.png" alt="">
			<img class="about-banner-item-hide about-banner01-3" src="assets/images/about/banner-01-3.png" alt="">
		</div>
		<div class="about-banner-img fn-hide">
			<img class="about-banner-item" src="assets/images/about/banner-02.jpg" alt="">
			<img class="about-banner-item-hide about-banner02-1" src="assets/images/about/banner-02-1.png" alt="">
			<img class="about-banner-item-hide about-banner02-2" src="assets/images/about/banner-02-2.png" alt="">
			<img class="about-banner-item-hide about-banner02-3" src="assets/images/about/banner-02-3.png" alt="">
		</div>
		<div class="about-banner-img fn-hide">
			<img class="about-banner-item" src="assets/images/about/banner-03.jpg" alt="">
			<img class="about-banner-item-hide about-banner03-1" src="assets/images/about/banner-03-1.png" alt="">
			<img class="about-banner-item-hide about-banner03-2" src="assets/images/about/banner-03-2.png" alt="">
		</div>		
	</div>
    <div class="about-wrap J-about-wrap">
        <div class="about-tab">
            <div class="about-tab-title fn-clear">
            	<div class="g-10">&nbsp;</div>
            	<div class="g-80">
                    <p class="p1">欢迎您来到百食网</p>
                    <p class="p2">welcome to baishi.org.cn</p>
                    <div class="split10"></div>
                </div>
                <div class="g-10">&nbsp;</div>
            </div>
            <div class="about-tab-cnt fn-clear">
            	<div class="g-10">&nbsp;</div>
            	<div class="g-80">
                	<div class="split10"></div>
                    <p class="p-img"><img src="assets/images/about/about_img1.jpg"></p>
                    <p class="p1">不谈饮食文化，没有层层华丽辞藻的包装。食、首先要安全，然后还是安全！</p>
                    <p class="p1">进入百食网，我们首先为您展示的是这个页面，因为我们深知，食品安全在您我心中的位置与重要性。百食网是三元农业联盟唯一指定认证的食材网站。我们精
    挑细选，为您奉上安全、健康、新鲜的食材。13年来，我们在1,200,600平方米的生态土地上为您耕耘，为20,693,000北京的老百姓提供健康、新鲜的食材。我
    们更希望在未来的每一个365天，为您的饮食保驾护航。</p>
    				<div class="split20"></div>
				</div>
                <div class="g-10">&nbsp;</div>
            </div>
            <div class="about-tab-cnt fn-clear">
            	<div class="g-10">&nbsp;</div>
            	<div class="g-80">
                	<div class="split20"></div>
                    <p class="p1">三元农业是首农集体旗下的现代都市型农业专业公司，位于北京市海淀区西北部上庄镇境内，紧邻上庄水库，占地1800亩，拥有得天独厚的地理位置和自然环
            境。公司注册资金3000万元，总资产7000万元。集科技开发、技术咨询、良种(苗)繁育、绿化工程、种子、种苗营销、蔬菜生产配送和旅游观光、休闲娱乐为
            一体的经济实体。三元农业联盟系三元农业专属的营销组织。本着自建棚，自种菜的原则，送到您手中的产品都是无污染、无公害、无农药残留、非转基因的
            绿色健康食品。三元品质，值得信赖！！！</p>
            		<div class="about-jd J-aobut-list0">                   	
                        <div class="about-jd-l J-about-visual0" data-width='856'>
                            <div class="about-jd-image J-about-image0">
                                <ul>					
                                    <li><img src="assets/images/about/about_jd_1_banner_1.jpg" alt=""></li>
                                    <li><img src="assets/images/about/about_jd_2_banner_1.jpg" alt=""></li>
                                    <li><img src="assets/images/about/about_jd_1_banner_1.jpg" alt=""></li>
                                </ul>
                                <a href="javascript:void(0);" id="btn_prev"></a>
                                <a href="javascript:void(0);" id="btn_next"></a>
                            </div>
                        </div>
                        <div class="about-jd-r" data-width='424'>
                            <p class="jd-r-p1">带您参观我们的种植基地</p>
                            <p class="jd-r-p2">海淀区上庄境内，好山好水好种植。不惜成本的种植基地建设，只为您的专属菜篮子。</p>
                            <p class="jd-r-p3"><img src="assets/images/about/about_go.png" class=" J-about-jd-go-item" data-id="0"></p>
                        </div>
                    </div>
                    <div class="split10"></div>
				</div>
                <div class="g-10">&nbsp;</div>  
            </div>
            <div class="about-tab-cnt fn-clear">
            	<div class="g-10">&nbsp;</div>
            	<div class="g-80">
                	<div class="split20"></div>
                    <div class="about-jd J-aobut-list1">                   	
                    <div class="about-jd-l J-about-visual1" data-width='856'>
                        <div class="about-jd-image J-about-image1">
                            <ul>					
                                <li><img src="assets/images/about/about_jd_2_banner_1.jpg"></li>
                                <li><img src="assets/images/about/about_jd_1_banner_1.jpg"></li>
                            </ul>
                            <a href="javascript:void(0);" id="btn_prev"></a>
                            <a href="javascript:void(0);" id="btn_next"></a>
                        </div>
                    </div>
                    <div class="about-jd-r" data-width='424'>
                        <p class="jd-r-p1">为您奉上我们的新鲜</p>
                        <p class="jd-r-p2">能明显闻到蔬菜的清香,看到天然新鲜的蔬菜颜色；质嫩、口感质密、咀嚼有味。</p>
                        <p class="jd-r-p3"><img src="assets/images/about/about_go.png" class=" J-about-jd-go-item" data-id="1"></p>
                    </div>
                </div>
                	<div class="split10"></div>
				</div>
                <div class="g-10">&nbsp;</div>  
            </div>
            <div class="about-tab-cnt fn-clear">
            	<div class="g-10">&nbsp;</div>
            	<div class="g-80">
                	<div class="split20"></div>
                    <div class="about-vip">
                    	<p class="h1"><span class="fn-right">三元出品、必属精品！！！</span>健康无小事 <img src="assets/images/icon/icon-tel.png" alt="" /> 010 -58255199 咨询订购VIP专线</p>
                    	<p class="p1">请您认真阅读我们品质的介绍，也欢迎您到我们三元农业联盟的农场基地考察。把我们的健康传递给您身边的每一位朋友。让客户满意、诚实守信、厚德经营
的经营理念，积极的为广大客户服务。欢迎各大机关团体、企事业单位、部队、个人前来洽谈订购。三元出品、必属精品！！！</p>
                    </div>
                    <div class="about-vip-list">
                    	<ul class="fn-clear">
                        	<li>
                            	<a href="prolist.html">
                                    <img src="assets/images/about/about_vip01.jpg" alt="" class="J-about-vip-img" />
                                    <div class="home-cnt">
                                      <h1>自选产品</h1>
                                      <p>optional products</p>
                                    </div>
                                    <img src="assets/images/icon/icon_add.png" alt="" class="about-add">
                                </a> 
                            </li>
                            <li>
                            	<a href="gift.html">
                                    <img src="assets/images/about/about_vip02.jpg" alt="" class="J-about-vip-img" />
                                    <div class="home-cnt">
                                      <h1>礼品卡</h1>
                                      <p>gift</p>
                                    </div>
                                    <img src="assets/images/icon/icon_add.png" alt="" class="about-add">
                                </a>
                            </li>
                            <li>
                            	<a href="gift.html">
                                    <img src="assets/images/about/about_vip03.jpg" alt="" class="J-about-vip-img" />
                                    <div class="home-cnt">
                                      <h1>三元有机生活会</h1>
                                      <p>san yuan green life</p>
                                    </div>
                                    <img src="assets/images/icon/icon_add.png" alt="" class="about-add">
                                </a>
                            </li>
                        </ul>
                    </div>
                	<div class="split10"></div>
				</div>
                <div class="g-10">&nbsp;</div>  
            </div>
        </div>        
        <footer id='footer'>
            <article>
            <ul class="fn-clear">
                <li>
                    <img src="assets/images/about/footer_01.png">
                    <p>绿色安全好品质</p>
                </li>
                <li>
                    <img src="assets/images/about/footer_02.png">
                    <p>生态农场自种直供</p>
                </li>
                <li>
                    <img src="assets/images/logo.png">
                    <p class="p-logo">All Rights Reserved for baishi &copy; 2013</p>
                </li>
                <li>
                    <img src="assets/images/about/footer_03.png">
                    <p>新鲜美味配送到家</p>
                </li>
                <li>
                    <img src="assets/images/about/footer_04.png">
                    <p>环保好包装</p>
                </li>
            </ul>
            </article>
        </footer>
    </div>
  </section>
</div>
<!--dialog details--> 
<div class="J-dialog-details fn-hide">
	<div class="dialog-details fn-clear">
    	<p class="J-dialog-details-close dialog-details-close"><img src="assets/images/icon/icon_close.png" /></p>
        <div class="about-dialog J-dialog-about"></div>
    </div>	
</div>
<!--dialog details end-->
<!--dialog template 将about弹框的数据放入此模板中.id与go点击的id对应就可以了--> 
<div class="J-template fn-hide" data-id='0'>
    <div class="about-dialog-visual J-about-visual001">
        <div class="about-dialog-image J-about-image001">
            <ul>					
                <li><img src="assets/images/about/about_jd_1_banner_1.jpg" alt=""></li>
                <li><img src="assets/images/about/about_jd_2_banner_1.jpg" alt=""></li>
                <li><img src="assets/images/about/about_jd_1_banner_1.jpg" alt=""></li>
            </ul>
            <a href="javascript:void(0);" id="btn_prev" class="btn_prev"></a>
            <a href="javascript:void(0);" id="btn_next" class="btn_next"></a>       
        </div> 
    </div>
</div>
<div class="J-template fn-hide" data-id='1'>
    <div class="about-dialog-visual J-about-visual001">
        <div class="about-dialog-image J-about-image001">
            <ul>					
                <li><img src="assets/images/about/about_jd_2_banner_1.jpg"></li>
                <li><img src="assets/images/about/about_jd_1_banner_1.jpg"></li>
            </ul>
            <a href="javascript:void(0);" id="btn_prev" class="btn_prev"></a>
            <a href="javascript:void(0);" id="btn_next" class="btn_next"></a>       
        </div> 
    </div>
</div>
<!--dialog template end--> 
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/js/jquery.touchSlider.js"></script>
<script src="assets/js/layer/layer.min.js"></script>
<script src="assets/js/tools.js"></script>
<script src="assets/js/loading.js"></script>  
<script src="assets/js/app-about.js"></script>
<script src="assets/js/jquery.banner.js"></script>
</body>
</html>